@import './lib/reset.scss';

.login-box{
	background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1543232967893&di=dc3c187f915becdaf487a511f7cb3280&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201511%2F08%2F20151108115546_Hv3Kt.thumb.700_0.jpeg);
	.login-header{
		background:rgba(0,0,0,0) !important;
		@include rect(100%, 30%);
		.h-top{
			@include rect(100%, 0.44rem);
			@include line-height(0.44rem);
			.iconfont{
				@include text-color(#fff);
				@include font-size(0.3rem);
				@include margin(0 0.1rem);
			}
		}
		.h-middle{
			@include rect(100%, 1.5rem);
			@include flexbox();
			@include flex-direction(column);
			@include justify-content();
			@include align-items();
			p{
				@include text-color(#fff);
				@include font-size(0.16rem);
			}
		}
	}
	.login-content{
		@include rect(100%, 70%);
		.am-tabs-default-bar-top{
			background:rgba(0,0,0,0) !important;
			@include text-color(#fff);
			.am-tabs-default-bar-tab{
				font-size:0.18rem !important;
			}
			.am-tabs-default-bar-tab-active{
				@include text-color(#fff);
			}
			.am-tabs-default-bar-underline{
				width:0 !important;
				height:0;
				margin: 0 22%;
				border-width:0 10px 10px;
				border-style:solid;
				border-color:transparent transparent #fff;
			}
		}
		.am-tabs-pane-wrap{
			@include rect(100%, 100%);
			@include background-color(#fcfcfc);
		}
		.login, .register{
			.am-list-body{
				@include margin(0.5rem 0);
			}
		}
	}
	.share{
		@include rect(100%, 20%);
		@include background-color(#fff);
		ul{
			@include rect(100%, 100%);
			@include flexbox();
			@include justify-content(space-around);
			@include align-items();
			li{
				@include font-size(0.16rem);
				@include text-align();
				.iconfont{
					@include font-size(0.36rem);
				}
				.icon-zhifubao{
					@include text-color(#009ACD);
				}
				.icon-webchat{
					@include text-color(#32CD32);
				}
				.icon-qq{
					@include text-color(#436EEE);
				}
			}
		}
	}
}











